<!DOCTYPE html>
<html>
<head>
<title>News</title>
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Journey Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- web-font -->
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- web-font -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		<!-- start-smoth-scrolling -->
</head>
	<body>
		<!-- header -->
		<div class="header">
			<!-- container -->
			<div class="container">		
			</div>
			<!-- //container -->
		</div>
		<!-- //header -->
		<!-- single -->
		<div class="single">
			<!-- container -->
			<div class="container">
				<div class="col-md-9 single-right">
					<div class="single-img">
						<h4>Vestibulum ante ipsum primis in faucibus</h4>
						<video src="vedio/ladona.mp4" controls="controls" autoplay="autoplay"></video>
						<!--<img src="images/16.jpg" alt="" />-->
						<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum erat at neque fermentum, 
							in auctor justo hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id felis tempor, 
							mollis ligula ac, iaculis massa. Aliquam nec mollis neque, eget laoreet nibh. Vivamus dictum tempor enim, 
							a porttitor dui lacinia vitae. Phasellus volutpat quam quis euismod pretium. Quisque magna sapien, molestie 
							a tortor at, condimentum sodales sapien. Mauris maximus, leo sit amet volutpat ullamcorper, ex tellus ornare 
							metus, eu gravida metus elit quis neque. Vivamus gravida quam arcu. Nam pretium lacus eget pellentesque auctor. 
							Phasellus iaculis sapien nec lectus aliquet fringilla.
						</p>
						<p class="bottom-text">Cras in sem in arcu ultrices egestas sit amet nec metus. Suspendisse magna nisi, cursus ut condimentum eu, 
							dapibus at dolor. Sed venenatis sapien quis urna consequat, quis tempor neque porttitor. Vivamus iaculis 
							eleifend varius. Vestibulum quis justo massa. Mauris et eros mollis, placerat mauris nec, mattis purus. 
							Aliquam elementum lorem ac efficitur tristique. Duis vehicula non sapien eget rhoncus.
						</p>
						<p class="text"> Mauris maximus, leo sit amet volutpat ullamcorper, ex tellus ornare 
							metus, eu gravida metus elit quis neque. Vivamus gravida quam arcu. Nam pretium lacus eget pellentesque auctor. 
							Phasellus iaculis sapien nec lectus aliquet fringilla.
						</p>
					</div>
					<div class="author">
						<ul>
							<li>Posted by</li>
							<li><a href="#" class="admin">Administrator </a></li> 
							<li class="cal">Oct 15, 2014</li>  
							<li><a href="#" class="link">Ullamcorper erat</a></li>
							<li><a href="#" class="cmt">0 Comments</a></li>
						</ul>
					</div>
					<div class="posts">
						<h4>Related Posts</h4>
						<div class="posts-grids">
							<div class="col-md-4 posts-img">
								<a href="single.html"><img src="images/14.jpg" alt="" /></a>
								<a href="single.html">Cras in sem in arcu ultrices</a>
								<p>Jan 14 , 2015</p>
							</div>
							<div class="col-md-4 posts-img">
								<a href="single.html"><img src="images/15.jpg" alt="" /></a>
								<a href="single.html">Cras in sem in arcu ultrices</a>
								<p>Aug 08 , 2015</p>
							</div>
							<div class="col-md-4 posts-img">
								<a href="single.html"><img src="images/13.jpg" alt="" /></a>
								<a href="single.html">Cras in sem in arcu ultrices</a>
								<p>May 23 , 2015</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="single-comments">
						<h4>Comments</h4>
						<div class="comments-grids">
							<div class="comments-left">
								<img src="images/sa.jpg" alt="" />
							</div>
							<div class="comments-right">
								<div class="comments-right-grids">
									<div class="comments-right-left">
										<h5>Peter Mac</h5>
										<p>Jan 14 , 2015</p>
									</div>	
									<div class="comments-right-right">
										<a href="#">Reply</a>
									</div>
									<div class="clearfix"> </div>
								</div>
								<div class="comments-right-info">
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum erat at neque 
										fermentum, in auctor justo hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									</p>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="comments-grids">
							<div class="comments-left">
								<img src="images/sa.jpg" alt="" />
							</div>
							<div class="comments-right">
								<div class="comments-right-grids">
									<div class="comments-right-left">
										<h5>John lee</h5>
										<p>May 23 , 2015</p>
									</div>	
									<div class="comments-right-right">
										<a href="#">Reply</a>
									</div>
									<div class="clearfix"> </div>
								</div>
								<div class="comments-right-info">
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum erat at neque 
										fermentum, in auctor justo hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									</p>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="comments-grids">
							<div class="comments-left">
								<img src="images/sa.jpg" alt="" />
							</div>
							<div class="comments-right">
								<div class="comments-right-grids">
									<div class="comments-right-left">
										<h5>Marry Wilson</h5>
										<p>Jan 14 , 2015</p>
									</div>	
									<div class="comments-right-right">
										<a href="#">Reply</a>
									</div>
									<div class="clearfix"> </div>
								</div>
								<div class="comments-right-info">
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum erat at neque 
										fermentum, in auctor justo hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									</p>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="col-md-3 single-left">
					<div class="categories">
						<h4>Categories</h4>
						<ul>
							<li><a href="#">Donec eget tellus non erat</a></li>
							<li><a href="#">Donec in velit vel ipsum auctor</a></li>
							<li><a href="#">Interdum vitae dapibus ac</a></li>
							<li><a href="#">Lacinia fermentum</a></li>
							<li><a href="#">Nam elit agna endrerit sit amet</a></li>
							<li><a href="#">Quisque diam lorem</a></li>
							<li><a href="#">Scelerisque vitae pede</a></li>
							<li><a href="#">Suspendisse sollicitudin velit sed leo</a></li>
							<li><a href="#">Tincidunt ac viverra sed nulla</a></li>
							<li><a href="#">Ultrices posuere cubilia Curae</a></li>
						</ul>
					</div>
					<div class="popular">
						<h4>Popular Articles</h4>
						<div class="popular-grids">
							<div class="popular-left">
								<a href="single.html"><img src="images/13.jpg" alt="" /></a>
							</div>
							<div class="popular-right">
								<a href="single.html">Cras in sem</a>
								<p>Jan 14 , 2015</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="popular-grids">
							<div class="popular-left">
								<a href="single.html"><img src="images/14.jpg" alt="" /></a>
							</div>
							<div class="popular-right">
								<a href="single.html">Leiras ertyus</a>
								<p>Jan 14 , 2015</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="popular-grids">
							<div class="popular-left">
								<a href="single.html"><img src="images/15.jpg" alt="" /></a>
							</div>
							<div class="popular-right">
								<a href="single.html">Skeras ertyolo</a>
								<p>Jan 14 , 2015</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<!-- //container -->
		</div>
		<!-- //single -->

		<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
									<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!-- content-Get-in-touch -->
	</body>
</html>